<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>表单作业</title>
	</head>

	<body>
		
		<form action="" enctype="multipart/form-data">
			<table>
				<tr>
					<td align="right">用户名：</td>
					<td><input type="text" name="uname" /></td>
				</tr>

				<tr>
					<td align="right">密 码：</td>
					<td><input type="password" name="psd" /></td>
				</tr>

				<tr>
					<td align="right">确认密码:</td>
					<td><input type="password" name="psd" /></td>
				</tr>

				<tr>
					<td align="right">性 别：</td>
					<td>
						<label><input type="radio" name="sex" value="0" />男</label>
						<label><input type="radio" name="sex" value="1" />女</label>
					</td>
				</tr>

				<tr>
					<td align="right">爱 好：</td>
					<td>
						<label><input type="checkbox" name="hobbies[]" id="" value="music" />听音乐</label>
						<label><input type="checkbox" name="hobbies[]" id="" value="film" />看电影</label>
						<label><input type="checkbox" name="hobbies[]" id="" value="game" />玩游戏</label>
					</td>
				</tr>

				<tr>
					<td>你所在的城市：</td>
					<td>
						<select name="area" value="">
							<option value="1">广州市</option>
							<option value="2">湛江市</option>
						</select>
					</td>
				</tr>

				<tr>
					<td align="right">照 片：</td>
					<td><input type="file" name="" id="" value="" /></td>
				</tr>

				<tr>
					<td align="right">个人简介：</td>
					<td><textarea name="" rows="10" cols="30" style="resize: none;"></textarea></td>
				</tr>

				<tr>
					<td></td>
					<td>
						<input type="submit" name="" id="" value="提交" />
						<input type="reset" name="" id="" value="重写" />
					</td>
				</tr>
			</table>
		</form>
		<br />


		<form action="" >
			<table border="" cellspacing="" cellpadding="">
				<tr>
					<td>昵称：</td>
					<td><input type="text" placeholder="请输入昵称"/></td>
				</tr>
				<tr>
					<td>登录名：</td>
					<td><input type="text" placeholder="请输入登陆名"/></td>
				</tr>
				<tr>
					<td>密码：</td>
					<td><input type="password"/></td>
				</tr>
				<tr>
					<td>确认密码：</td>
					<td><input type="password"/></td>
				</tr>
				<tr>
					<td>性别：</td>
					<td>
						<label><input type="radio" name="sex" value="0" checked="checked"/>保密</label>
						<label><input type="radio" name="sex" value="1" />男</label>
						<label><input type="radio" name="sex" value="2" />女</label>
					</td>
				</tr>
				<tr>
					<td>喜欢的水果:</td>
					<td>
						<label><input type="checkbox" name="fruit" value="apple" />苹果</label>
						<label><input type="checkbox" name="fruit" value="pear" />雪梨</label>
						<label><input type="checkbox" name="fruit" value="mango" />芒果</label>
						<label><input type="checkbox" name="fruit" value="balance" />香蕉</label>
						<label><input type="checkbox" name="fruit" value="peach" />水蜜桃</label>
					</td>
				</tr>
				<tr>
					<td>所在地区：</td>
					<td>
						<select name="area" value="">
							<option value="1">广州</option>
							<option value="2">深圳</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>上传头像：</td>
					<td>
						<input type="file"/>
					</td>
				</tr>
				<tr>
					<td>个人简历</td>
					<td>
						<textarea name="" rows="10" cols="50"></textarea>
					</td>
				</tr>
				<tr>
					<td></td>
					<td style="vertical-align: top;" height="80px">
						<input type="submit" value="提交" style="vertical-align: bottom;" / >
						<input type="reset" value="重置"  style="vertical-align: bottom;"/>
						<button style="text-align: center; width:150px;font-size: 20px;color: red;
							   letter-spacing: 8px;border-radius: 7px; opacity:.6;">注册</button>
						
						<!--<input type="button"  value="注册"  
							   style=" text-align: center; width:150px; height:40px;font-size: 20px;color: red;
							   letter-spacing: 8px;border-radius: 7px; opacity:.6;"/>-->
					</td>
				</tr>
			</table>
		</form><br />
			
			<style type="text/css">
			li{
				display: inline-block;
				text-overline: initial;
			}	
			</style>
		<table border="1" cellspacing="0" align="center" style="border-color: transparent;" >
			<tr>
				<td rowspan="2"><img src="img/logo.png"/></td>
				<td><img src="img/your eyes in china.png"/></td>
			</tr>
			
			<tr>
				<td>
					<ul type="none" style="font-size: 13px; text-align: center; ">
						<li><u>Espanol</u> | </li>
						<li><u>German</u> | </li>
						<li><u>italiano</u> | </li>
						<li><u>Francais</u> | </li>
						<li><u>Portuques</u> | </li>
						<li><u>ploski</u> | </li>
						<li><u>Pyccknn</u> | </li>
						<li><u>日本的言语</u> | </li>
						<li><u>123</u></li>
					</ul>
				</td>
			</tr>
		</table>
		<table border="0" cellspacing="0" align="center" 
			style="border-color: ghostwhite; width: 931px; background-color: gray;border-radius: 4px; ">
			<tr height="40px">
				<th >Home&nbsp;|</th>
				<th >Our Services&nbsp;|</th>
				<th >Quality Control&nbsp;|</th>
				<th >Supplier Evaluation&nbsp;|</th>
				<th >Laboratory Testing&nbsp;|</th>
				<th >About Us&nbsp;|</th>
				<th >Careers&nbsp;|</th>
				<th >News</th>
			</tr>
			
		</table>
		
		<table border="1" cellspacing="0" align="center"  style="border-color: whitesmoke;width: 931px;">
			<tr>
				<td width="200px" style="text-align: center;vertical-align: top; height: 140px;" >
					<b style="color: darkgray;"  >Career</b>
					<p style="text-align: left;margin-bottom:0px;" ><img src="img/left_1.png"/>Career Opportunities</p>
					<p style="text-align: left;margin-top:0px;"><img src="img/left_1.png"/>Applications</p>
					<b style="color: darkgray;padding-bottom: 16px;"  >Concact Us</b>
				</td>
				
				<td rowspan="2" style="vertical-align: text-top;">
					<table border="0" cellspacing="" cellpadding="0" width="682px"style="margin: 20px;">
						<p style="margin: 20px;">Personal Details</p>
						
						<tr>
							<td colspan="2">Do you apply for an inspector Job?</td>
							<td colspan="2">
								<input type="radio" name="or"value="0" />Yes
								<input type="radio" name="or"value="1" />No
							</td>
						</tr>
						<tr>
							<td>Last Name*</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>First Name*</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td>Sex*</td>
							<td align="left">
								<select name="sex">
									<option value="0">male</option>
									<option value="1">男</option>
									<option value="2">女</option>
								</select>
							</td>
							<td>Telephone*</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						
						<tr>
							<td>Personal e-mall address*</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>Mobile phone*</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						
						<tr>
							<td>Address*</td>
							<td colspan="3" align="left"><textarea name="" rows="1" cols="65" style="resize: none;"></textarea></td>
						</tr>
						<tr>
							<td>Country of References*</td>
							<td colspan="3" align="left"><textarea name="" rows="1" cols="65" style="resize: none;"></textarea></td>
						</tr>
						<tr>
							<td>City*</td>
							<td colspan="3" align="left"><textarea name="" rows="1" cols="65" style="resize: none;"></textarea></td>
						</tr>
						
					</table>
					<table width="682px" style="margin: 20px;">
						<b style="margin: 20px;">Professional References</b>
						<tr><td align="left">Reference 1</td></tr>
						<tr>
							<td>Company Name</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>Contact Name</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td>Address</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>E-mail</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td>City</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>Mobile phone</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td>Country/Region</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>Telephone</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td>Company activity</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>Fax</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr><td align="left">Reference 2</td></tr>
						<tr>
							<td>Company Name</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>Contact Name</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td>Address</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>E-mail</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td>City</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>Mobile phone</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td>Country/Region</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>Telephone</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td>Company activity</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
							<td>Fax</td>
							<td align="left"><input type="text" name="" id="" value="" /></td>
						</tr>
						<tr>
							<td colspan="4">Input here additional comments that you think can better support your applaction </td>
						</tr>
						<tr>
							<td colspan="4">
								<textarea name="" rows="3" cols="80"></textarea>
							</td>
						</tr>
					</table>
					<table border="1" width="682px" style="margin: 20px;">
						<b style="margin: 20px;">Please attached here userful files</b>
						<tr>
							<td align="right">Picture</td>
							<td><input type="text" name="" id="" value="" />
							<input type="file" name="浏览" id="" value="浏览..." /></td>
						</tr>
						<tr>
							<td align="right"">cv*</td>
							<td><input type="text" name="" id="" value="" />
							<input type="file" name="浏览" id="" value="浏览..." /></td>
						</tr>
						<tr>
							<td align="right">Passport Scan</td>
							<td><input type="text" name="" id="" value="" />
							<input type="file" name="浏览" id="" value="浏览..." /></td>
						</tr>
						<tr>
							<td align="right">Please enter the securtity code</td>
							<td><input style="width: 50px;"></input>
								<img src="img/code.png"/>
								<input type="button" name="" id="" value="confirm" />
								<input type="button" name="" id="" value="cancel" />
							</td>
						</tr>
						
					</table>
				</td>
			</tr>
			
			<style type="text/css">
				.DH{
					font-size: 12px;
				}
			</style>
			<tr>
				<td style="vertical-align: top;">
					<p class="DH"><img src="img/tel.png"/>+86-20-89268309</p>
					<p class="DH"><img src="img/fax.png"/>+86-20-86673771</p>
					<p class="DH">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+86-20-86666927</p>
					<p class="DH"><img src="img/mail.png"/>cs@CantonFairinspection.com</p>
					<p class="DH"><img src="img/com.png"/>www.CantonFairQC.com</p>
					<p class="DH">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;www.CantonFairinspection.com</p>
				</td>
			</tr>
			
			
		</table>
		
		<hr size="7" color="lavender"/>
		<p style="text-align: center; font-size: 14px;">
			Site Map| Career | News | FAQ | China Tool Kit | Parthers and links | Add to Favorites | Contacts Us
		</p>
		<table border="0" align="center">
			<tr>
				<td style="text-align: center;">
					<img src="img/ISO9001.png"/>
					<img src="img/AAA.png"/>
				</td>
			</tr>
			<tr>
				<td style="text-align: center;font-size: 14px;">
					Copyright@1983 - 2012 All rights reserved 粤ICP备06035096号
				</td>
			</tr>
		</table>
		<p style="text-align: center; font-size: 14px;">
			Lab Test | Quality Control | REACH | RoHS | Factory Audit | EMC | SVHC | EN71 | Oeko-Tex 100 | Supplier Evaluation
		</p>
	</body>

</html>